import React from 'react';

import './Active.css'

const Active = () => {
    return (
        <div className='active-items'>
            <div className="active-item">
                <svg className="icon iconfont" aria-hidden={true}>
                    <use xlinkHref="#icon-vip"></use>
                </svg>
                <div className="active-plant">会员中心</div>
                <div className="active-subordinate">查看权益</div>
            </div>
            <div className="active-item">
                <svg className="icon iconfont" aria-hidden={true}>
                    <use xlinkHref="#icon-qiapian"></use>
                </svg>
                <div className="active-plant">淘宝省钱卡</div>
                <div className="active-subordinate">领91元红包</div>
            </div>
            <div className="active-item">

                <svg className="icon iconfont" aria-hidden={true}>
                    <use xlinkHref="#icon-hongbaokaquan"></use>
                </svg>
                <div className="active-plant">红包卡券</div>
                <div className="active-subordinate">查看可用优惠</div>
            </div>
            <div className="active-item">
                <svg className="icon iconfont" aria-hidden={true}>
                    <use xlinkHref="#icon-hongbaoqiandao-copy"></use>
                </svg>
                <div className="active-plant">红包签到</div>
                <div className="active-subordinate">点击领红包</div>
            </div>
        </div>
    )
}

export default Active